<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../js/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/footer.css" />
		<link rel="stylesheet" type="text/css" href="../kaoqin.css"/>
		<link rel="stylesheet" type="text/css" href="../../../css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/mobiscroll-css/mobiscroll.android-ics-2.5.2.css"/>	
		<link rel="stylesheet" type="text/css" href="../../../css/mobiscroll-css/mobiscroll.animation-2.5.2.css"/>
		<link rel="stylesheet" type="text/css" href="../../../css/mobiscroll-css/mobiscroll.core-2.5.2.css"/>
		<script src="../../../js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
		
		
		<script src="../../../js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../js/layer-v3.1.0/layer/layer.js"></script>
		<link href="../../../js/layer-v3.1.0/layer/theme/default/layer.css" />
		
		<style type="text/css">
			#content {
				padding-top: 1.3rem;
				padding-bottom: 2rem;
			}
			body{
				background-color: #F5F5F5;
			}
			
			/*样式*/
			#qingjia{
				display: block;
				height: 20px;
				font-size: 12px;
				position: absolute;
			    right: 0.333333rem;
			    top: 0.3rem;
			    padding: 0.069444rem;
			    border: 1px solid #E93440;
			    border-radius: 0.555555rem;
			    color: #E93440;
			    margin: 0;
			}
			#qingjia:active{
				color: white;
				background-color: #E93440;
			}
			.sq_tab{
				width: 100%;
				height: 1.25rem;
				border-bottom: 1px solid #f4f4f4;
				background-color: #F5F5F5;
				margin: 0;
			}
			.sq_tab li{
				width: 50%;
				float: left;
			}
			.sq_tab li a{
				display: block;
				width: 99%;
				height: 0.416666rem;
				margin-top: 0.416666rem;
				font-size: 0.416666rem;
				color: black;
				text-align: center;
			}
			.sq_tab li:nth-child(1) a{
				border-right: 1px solid #E8E8E8;
				color: #e83023;
			}
			.sq_div{
				width: 100%;
				display: none;
				/*border-bottom: 0.013888rem solid #F2F2F2;
				box-shadow: 0.069444rem 0.069444rem 0.069444rem #b3b3b3;*/
			}
			.sq_div>li{
				height: 1.180555rem;
				border-bottom: 1px solid #DBDBDB;
				background-color: white;
			}
			.sq_div li span{
				padding-left: 0.388888rem;
				font-size: 0.38rem;
				line-height: 1.180555rem;
			}
			.sq_div li input{
				font-size: 0.38rem;
				line-height: 1.10rem;
				border: none;
				outline: none;
				width: 7.2rem;
				padding-left: 0.416666rem;
				position: relative;
				z-index: 1;
				background-color: rgba(0,0,0,0);
				color: #E9303E;
			}
			.dwwr{
				z-index: 1001;
			}
			.sq_div li label{
				display: block;
				float: right;
				width: 0.416666rem;
				height: 0.1rem;
				margin: 0;
				position: relative;
				right: 0.388888rem;
			}
			.sq_div li label img{
				width: 100%;
				margin-top: 0.388888rem;
			}
			.sq_div h4{
				margin-top: 0.277777rem;
				border-top: 1px solid #DBDBDB;
				background-color: white;
			}
			.sq_div h4 span{
				display: block;
				float: left;
				padding-left: 0.388888rem;
				font-size: 0.38rem;
				line-height: 1.180555rem;
			}
			.sq_div h4 textarea{
				display: block;
				float: left;
				line-height: 1.180555rem;
				resize: none;
				height: 2.916666rem;
				font-size: 0.38rem;
				border: none;
				outline: none;
				margin-left: 0.277777rem;
			}
			.sq_div h5{
				padding-left: 0.388888rem;
				margin: 0;
				height: 1.180555rem;
				font-size: 0.38rem;
			}
			.sq_div h5 label{
				float: left;
				display: block;
				color: #E9303E;
				font-size: 0.38rem;
				margin-top: 0.305555rem;
				margin: 0;
				line-height: 1.180555rem;
			}
			.sq_div h5 span{
				/*display: block;
				float: left;
				line-height: 0.527777rem;
				width: 1.847222rem;
				padding-right: 0.069444rem;
				height: 0.527777rem;
				border: 1px solid #DBDBDB;
				
				color: #555555;
				text-align: center;
				font-size: 0.333333rem;*/
				/*padding-top: 0.30000rem;
				margin-top: 0.305555rem;*/
				line-height: 1.201rem;
			}
			
			.sq_div h5 span img{
				width: 0.416666rem;
				height: 0.416666rem;
				position: relative;
				top: -0.041666rem;
				left: 0.138888rem;
			}
			#qjsq,#qjsqwc{
				display: block;
				width: 7.916666rem;
				height: 1rem;
				background-color: #E9303E;
				color: white;
				border-radius: 1rem;
				border: none;
				margin: 0 auto;
				font-size: 0.416666rem;
			}
			.list1,.list1wc{
				position: relative;
				display: none;
				left: 1.7rem;
				top: -5px;
				font-size:0.38rem;
				background: #f5f5f5;
    			width: 60%;
			}
			.list2,.list2wc{
				position: relative;
				left: 0.416666rem;
				display: none;
			}
			.list2,.list2wc li{
				line-height: 25px;
			}
			.list3,.list3wc{
				position: relative;
				left: 0.416666rem;
				display: none;
			}
			.u2591_input{
				width: 4rem;
			    height: 28px;
			    border: 1px solid #ccc;
			    border-radius: 5px;
			    margin-left: 4%;
			}
			#leixing1{
				font-size: 0.375rem;
			}
			#leixing2{
				font-size: 0.375rem;
			}
		</style>
	</head>
	<body>
		<div id="wrap">
			<div id="main">
				<div id="header">
					<a id="headImg" href="javascript:history.go(-1)"><img class="headImg" src="../../../images/12.png" /></a>
					<p id="headTitle" style="font-size: 16px;">请假外出申请</p>
				</div>
				<div id="content">
					<ul class="sq_tab">
						<li>
							<a href="javascript:void(0);">请假申请</a>
						</li>
						<li>
							<a href="javascript:void(0);">外出申请</a>
						</li>
					</ul>
					<ul class="sq_div">
						<li>
							<span style="font-weight: bold;">请假类型：</span>
							<select id='leixing1' style="border: 0;width: 70%;margin-left: 8px;color: #7d7575;">
				                <option selected="" value="0">请选择（必填）</option>
				                <option value="1">年假</option>
				                <option value="2">事假</option>
				                <option value="3">病假</option>
				                <option value="4">产假</option>
				                <option value="5">调休</option>
				                <option value="6">婚假</option>
				                <option value="7">例假</option>
				                <option value="8">丧假</option>
				            </select>
						</li>
						<li>
							<span style="font-weight: bold;">开始时间：</span><input type="text" name="" readonly id="startTime1" value="" placeholder="请选择(必填)" /><label><img  src="../image/right.png"/></label>
						</li>
						<li>
							<span style="font-weight: bold;">结束时间：</span><input type="text" name="" readonly id="endTime1" value="" placeholder="请选择(必填)" /><label><img src="../image/right.png"/></label>
						</li>
						<li>
							<span >时长：</span>
							<input type="text" name="" readonly style="color: black;" id="timeshi1" value="" placeholder="0小时" style="margin-left: 23px;" />
						</li>
						<li>
							<span>扣除积分：</span>
							<input type="text" name="" readonly  id="jifen1" value="0" placeholder=""  />
						</li>
						<li>
							<span>时长将自动计入考勤统计</span>
						</li>
						<h4>
							<span style="font-weight: bold;">请假事由</span><textarea id="qjsy1" name="" rows="" cols="" placeholder="请输入请假事由(必填)"></textarea>
							<div style="clear: both;"></div>
						</h4>
						<h5>
							<label style="font-weight: bold;">审核人：</label><span id="shenheren">企业部总监 朱立坤 ▼</span>
							<div style="clear: both;"></div>
							<ul class="list1">
						  		<li>▼ 吉林省智城智家科技有限公司 
						  			<ul class="list2">
						  				<li>▼ 董事长
						  					<ul class="list3">
						  						<li>董事长 孙泽慧</li>
						  					</ul>
						  				</li>
						  				<li>▼ 副总经理
						  					<ul class="list3">
						  						<li>副总经理 孙辉</li>
						  					</ul>
						  				</li>
						  				<li>▼ 渠道总监
						  					<ul class="list3">
						  						<li>渠道总监  李霞</li>
						  					</ul>
						  				</li>
						  				<li>▼ 朱立坤
						  					<ul class="list3">
						  						<li>企业部总监 朱立坤</li>
						  					</ul>
						  				</li>
						  				<li>▼ 渠道总监
						  					<ul class="list3">
						  						<li>渠道总监 闫峰</li>
						  					</ul>
						  				</li>
						  				
						  				<li>▼ 市场部经理
						  					<ul class="list3">
						  						<li>市场部经理 国鑫</li>
						  					</ul>
						  				</li>
						  				<li>▼ 产品经理
						  					<ul class="list3">
						  						<li>产品经理 谭善明</li>
						  					</ul>
						  				</li>
						  				<li>▼ 培训讲师
						  					<ul class="list3">
						  						<li>培训讲师 张金艳</li>
						  					</ul>
						  				</li>
						  				<li>▼ 网络推广
						  					<ul class="list3">
						  						<li>网络推广 马忠阳</li>
						  					</ul>
						  				</li>
						  			</ul>
						  		</li>
						  	</ul>	
					  	</h5>
						<input type="button" name="qjsq" id="qjsq" onclick="qjsq()" value="提交" />
					</ul>
					
					<ul class="sq_div">
						<li>
							<span style="font-weight: bold;">请假类型：</span>
							<select id='leixing2' style="border: 0;width: 70%;margin-left: 8px;color: #7d7575;">
				                <option value="1">外出</option>
				                <option value="2">出差</option>
				                <option selected="" value="请选择（必填）">请选择（必填）</option>
				            </select>
						</li>
						<li>
							<span style="font-weight: bold;">开始时间：</span><input type="text" readonly name="" id="startTime2" value="" placeholder="请选择(必填)" /><label><img src="../image/right.png"/></label>
						</li>
						<li>
							<span style="font-weight: bold;">结束时间：</span><input type="text" readonly name="" id="endTime2" value="" placeholder="请选择(必填)" /><label><img src="../image/right.png"/></label>
						</li>
						<li>
							<span id="">时长：</span>
							<input type="text" name="" readonly style="color: black;" id="timeshi2" value="" placeholder="0小时" style="margin-left: 23px;" />
						</li>
						<li>
							<span>扣除积分：</span>
							<input type="text" name="" readonly id="jifen2"  value="0" placeholder="10"  />
						</li>
						<h4>
							<span style="font-weight: bold;">请假事由</span><textarea name="" rows="" cols="" id="qjsy2" placeholder="请输入请假事由(必填)"></textarea>
							<div style="clear: both;"></div>
						</h4>
						<h5>
							<label style="font-weight: bold;">审核人：</label><span id="shenherenwc">渠道总监 闫峰  ▼</span>
							<div style="clear: both;"></div>
							<ul class="list1wc">
						  		<li>▼ 吉林省智城智家科技有限公司 
						  			<ul class="list2wc">
						  				<li>▼ 董事长
						  					<ul class="list3wc">
						  						<li>董事长 孙泽慧</li>
						  					</ul>
						  				</li>
						  				<li>▼ 副总经理
						  					<ul class="list3wc">
						  						<li>副总经理 孙辉</li>
						  					</ul>
						  				</li>
						  				<li>▼ 渠道总监
						  					<ul class="list3wc">
						  						<li>渠道总监  李霞</li>
						  					</ul>
						  				</li>
						  				<li>▼ 朱立坤
						  					<ul class="list3wc">
						  						<li>企业部总监 朱立坤</li>
						  					</ul>
						  				</li>
						  				<li>▼ 渠道总监
						  					<ul class="list3wc">
						  						<li>渠道总监 闫峰</li>
						  					</ul>
						  				</li>
						  				
						  				<li>▼ 市场部经理
						  					<ul class="list3wc">
						  						<li>市场部经理 国鑫</li>
						  					</ul>
						  				</li>
						  				<li>▼ 产品经理
						  					<ul class="list3wc">
						  						<li>产品经理 谭善明</li>
						  					</ul>
						  				</li>
						  				<li>▼ 培训讲师
						  					<ul class="list3wc">
						  						<li>培训讲师 张金艳</li>
						  					</ul>
						  				</li>
						  				<li>▼ 网络推广
						  					<ul class="list3wc">
						  						<li>网络推广 马忠阳</li>
						  					</ul>
						  				</li>
						  			</ul>
						  		</li>
						  	</ul>	
					  	</h5>
					  	
						<input type="button" name="qjsq" id="qjsqwc" onclick="qjsqwc()" value="提交" />
					  </li>
				</ul>
					
				</div>
			</div>
			<div id="foot" class="row">
				<a class="foot col-xs-3 col-sm-3" href="../index2.html">
					<img class="footImg" src="../../../images/guanlixuanzhong.png" />
					<p>管理</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../../coalition/colalition.html">
					<img class="footImg" src="../../../images/lianmengchushi.png" />
					<p>联盟</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../../store/store.html">
					<img class="footImg" src="../../../images/11.png" />
					<p>商城</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../../personage/personIndex.html">
					<img class="footImg" src="../../../images/13.png" />
					<p>我的</p>
				</a>
			</div>
		</div>

	</body>
	
	<script src="../../../js/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/handlebars-v2.0.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/rhAdmin.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/mobiscroll-js/mobiscroll.core-2.5.2.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../../js/mobiscroll-js/mobiscroll.datetime-2.5.1.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			//color: #e83023;
			$('.sq_tab li').eq(0).children().css("color","#e83023").siblings().children().css("color","black");
			$('.sq_div').eq(0).show();
			$('.sq_tab li').on('touchend',function(){
				var i=$(this).index();
				$('.sq_tab li a').css("color","black");
				$('.sq_tab li').eq(i).children().css("color","#e83023");
				$('#content>.sq_div').hide();
				$('#content>.sq_div').eq(i).show();
				$('.list1').hide();
			})
		})
	</script>
	<script type="text/javascript">
		 var kaishi1 = 0;
            var jieshu1 = 0;
            var kaishi2 = 0;
            var jieshu2 = 0;
            var cha = 0;
            var cha2 = 0;
            $('#startTime2').on('change',function(){
            	kaishi2 = $('#startTime2').val();
				kaishi2 = Date.parse(new Date(kaishi2));
            	if ($('#endTime2').val() != '') {
            		cha2=jieshu2-kaishi2;
            		var days=Math.floor(cha2/(24*3600*1000))  
            		var fenzhong = Math.round((cha2 / (1000 * 60)))
            		console.log(days)
            		cha2=cha2%(24*3600*1000)
            		cha2=Math.floor(cha/(3600*1000))
   					
            		if (cha2 < 0 || days < 0) {
            			cha = 0;
            			alert('结束时间不能比开始时间提前')
            			 $('#timeshi2').val('')
            			 $('#endTime2').val('')
            			 
            		}
            		if (fenzhong > 0) {
             				cha2 += 1;
             			}
            		if (days <= 0) {
            			
            			$('#timeshi2').val(cha2 + '小时')
            		}else{
            			
            			cha2 = days*24 + cha2 *1
            			$('#timeshi2').val(cha2 + '小时')
            		}
            			console.log(cha2)
            			
            	}
            	jiFen2()
            })
             $('#endTime2').on('change',function(){
             	if ($('#startTime2').val() != '') {
             	jieshu2 = $('#endTime2').val()
             	jieshu2= Date.parse(new Date(jieshu2));
             	cha2=jieshu2-kaishi2
             	var days=Math.floor(cha2/(24*3600*1000))  
             	var fenzhong = Math.round((cha2 / (1000 * 60)))
             	cha2=cha2%(24*3600*1000)
             	cha2=Math.floor(cha2/(3600*1000))
             	if (cha2 < 0 || days < 0) {
            			cha2 = 0;
            			alert('结束时间不能比开始时间提前')
            			 $('#timeshi2').val('')
            			 $('#endTime2').val('')
            		}
             	if (fenzhong > 0) {
             				cha2 += 1;
             			}
             	if (days <= 0) {
             		
            			$('#timeshi2').val(cha2 + '小时')
            		}else{
            			cha2 = days*24 + cha2 *1
            			$('#timeshi2').val(cha2 + '小时')
            		}
            			
            	}
             	jiFen2()
            })
              $('#startTime1').on('change',function(){
            	kaishi1 = $('#startTime1').val();
				kaishi1 = Date.parse(new Date(kaishi1));
            	if ($('#endTime1').val() != '') {
            		cha=jieshu1-kaishi1;
            		var days=Math.floor(cha/(24*3600*1000))  
            		var fenzhong = Math.round((cha / (1000 * 60)))
            		cha=cha%(24*3600*1000)
            		cha=Math.floor(cha/(3600*1000))
            	
            		if (cha < 0 || days < 0) {
            			cha = 0;
            			alert('结束时间不能比开始时间提前')
            			 $('#timeshi1').val('')
            			 $('#endTime1').val('')
            		}
            			console.log(cha)
            			if (fenzhong > 0) {
             				cha += 1;
             			}
            			if (days <= 0) {
            				
            			$('#timeshi1').val(cha + '小时')
            		}else{
            			cha = days*24 + cha *1
            			$('#timeshi1').val(cha + '小时')
            		}
            	}
			jiFen1()
            })
             $('#endTime1').on('change',function(){
             	if ($('#startTime1').val() != '') {
             	jieshu1 = $('#endTime1').val()
             	jieshu1 = Date.parse(new Date(jieshu1));
             	cha=jieshu1-kaishi1
             	var days=Math.floor(cha/(24*3600*1000))  
             	var fenzhong = Math.round((cha / (1000 * 60)))
             	cha=cha%(24*3600*1000)
             	cha=Math.floor(cha/(3600*1000))
             	
             	if (cha < 0 || days < 0) {
            			cha = 0;
            			alert('结束时间不能比开始时间提前')
            			 $('#timeshi1').val('')
            			  $('#endTime1').val('')
            		}
             	if (fenzhong > 0) {
             				cha += 1;
             			}
             	if (days <= 0) {
             			
            			$('#timeshi1').val(cha + '小时')
            		}else{
            			cha = days*24 + cha *1
            			$('#timeshi1').val(cha + '小时')
            		}
            			console.log(cha)
            	}
             	jiFen1()
            })
	</script>
	 <script type="text/javascript">
        $(function () {
            var currYear = (new Date()).getFullYear();  
            var opt={};
           
            opt.date = {preset : 'date'};
            //opt.datetime = { preset : 'datetime', minDate: new Date(2012,3,10,9,22), maxDate: new Date(2014,7,30,15,44), stepMinute: 5  };
            opt.datetime = {preset : 'datetime'};
            opt.time = {preset : 'time'};
            opt.default = {
                theme: 'android-ics light', //皮肤样式
                display: 'bottom', //显示方式 
                mode: 'scroller', //日期选择模式
                dateFormat: 'yyyy-mm-dd', // 日期格式
                lang:'zh',
                dateOrder: 'yymmdd', //面板中日期排列格
                startYear:currYear - 10, //开始年份
                endYear:currYear + 10, //结束年份
                dayText: '日', 
                monthText: '月',
                yearText: '年',
                hourText: '时',
                minuteText: '分',
                timeWheels: 'HHii',//24小时
                timeFormat: 'HH:ii',
                setText: '确定', //确认按钮名称
            	cancelText: '返回',//取消按钮名籍
            	stepMinute: 5,//时间的间隔  
            };

            $("#appDate").val('').scroller('destroy').scroller($.extend(opt['date'], opt['default']));
            var optDateTime = $.extend(opt['datetime'], opt['default']);
             $("#startTime1").mobiscroll(optDateTime).datetime(optDateTime);
			$("#endTime1").mobiscroll(optDateTime).datetime(optDateTime);
            $("#startTime2").mobiscroll(optDateTime).datetime(optDateTime);
			$("#endTime2").mobiscroll(optDateTime).datetime(optDateTime);
            //下面注释部分是上面的参数可以替换改变它的样式
            //希望一起研究插件的朋友加我个人QQ也可以，本人也建个群 291464597 欢迎进群交流。哈哈。这个不能算广告。
            // 直接写参数方法
            //$("#scroller").mobiscroll(opt).date(); 
            // Shorthand for: $("#scroller").mobiscroll({ preset: 'date' });
            //具体参数定义如下
            //{
            //preset: 'date', //日期类型--datatime --time,
            //theme: 'ios', //皮肤其他参数【android-ics light】【android-ics】【ios】【jqm】【sense-ui】【sense-ui】【sense-ui】
                                        //【wp light】【wp】
            //mode: "scroller",//操作方式【scroller】【clickpick】【mixed】
            //display: 'bubble', //显示方【modal】【inline】【bubble】【top】【bottom】
            //dateFormat: 'yyyy-mm-dd', // 日期格式
            //setText: '确定', //确认按钮名称
            //cancelText: '清空',//取消按钮名籍我
            //dateOrder: 'yymmdd', //面板中日期排列格
            //dayText: '日', 
            //monthText: '月',
            //yearText: '年', //面板中年月日文字
            //startYear: (new Date()).getFullYear(), //开始年份
            //endYear: (new Date()).getFullYear() + 9, //结束年份
            //showNow: true,
            //nowText: "明天",  //
            //showOnFocus: false,
            //height: 45,
            //width: 90,
            //rows: 3}

        });
	</script>
	<script type="text/javascript">
		/*$('#qjsq').on('click',function(){
			layer.msg("提交成功")
			setTimeout(function(){window.location="../shjg/sqjg.html";},1000);  
		})*/
		
		function qjsq(){
			var json = 
			{
				"leaveStatus":""+$('#leixing1').val()+"",
				"leaveStarttime":""+$('#startTime1').val()+"",
				"leaveEndtime":""+$('#endTime1').val()+"",
				"leaveDuration":""+$('#timeshi1').val()+"",
				"integralDeduct":""+$('#jifen1').val()+"",
				"leaveCause":""+$('#qjsy1').val()+"",
				"subId":"fn",
				"subName":"小二放牛",
				"subRole":"程序员",
				"subAccount":"97000937",
				"subSection":"技术部",
				"applyforStatus":"0",
				"checkUser":"lvzheng",
				"integralAwardpoints":"1",
				"firmId":"zczj"
			};
			
			$.ajax({
				url: "http://10.0.47.157:5555/companyapplyfor-service/leaveGoOut/sub",
				type: "PUT",
				data: json,
				success: function(data) {
					console.log(data);
					if(data.code == 1){
						layer.msg("提交成功");
						setTimeout(function(){window.location="../shjg/sqjg.html";},1000);
					}
				},
				error: function(e) {
					console.log('提交请假申请失败！', e);
				}
			})
		}
		
		$('#shenheren').on('click',function(){
			$('.list1').show();
			event.stopPropagation();
		})
		$('.list1>li').on('click',function(){
			if ($(this).children('.list2').is(":hidden")) {
				$(this).children('.list2').show()
			}else{
				$(this).children('.list2').hide()
			}
			event.stopPropagation();
		})
		$('.list2>li').on('click',function(){
			if ($(this).children('.list3').is(":hidden")) {
				$(this).children('.list3').show()
			}else{
				$(this).children('.list3').hide()
			}
			event.stopPropagation();
		})
		$('.list3>li').on('click',function(){
			$('#shenheren').html($(this).html())
			$('#shenheren1').html($(this).html())
			$('.list1').hide();
			event.stopPropagation();
		})
		
		
		function qjsqwc(){
			var json = 
			{
				"leaveStatus":""+$('#leixing2').val()+"",
				"leaveStarttime":""+$('#startTime2').val()+"",
				"leaveEndtime":""+$('#endTime2').val()+"",
				"leaveDuration":""+$('#timeshi2').val()+"",
				"integralDeduct":""+$('#jifen2').val()+"",
				"leaveCause":""+$('#qjsy2').val()+"",
				"subId":"fn",
				"subName":"小二放牛",
				"subRole":"程序员",
				"subAccount":"97000937",
				"subSection":"技术部",
				"applyforStatus":"1",
				"checkUser":"lvzheng",
				"integralAwardpoints":"1",
				"firmId":"zczj"
			};
			
			$.ajax({
				url: "http://10.0.47.157:5555/companyapplyfor-service/leaveGoOut/sub",
				type: "PUT",
				data: json,
				success: function(data) {
					console.log(data);
					if(data.code == 1){
						layer.msg("提交成功");
						setTimeout(function(){window.location="../shjg/sqjg.html";},1000);
					}
				},
				error: function(e) {
					console.log('提交请假申请失败！', e);
				}
			})
		}
		
		
		$('#shenherenwc').on('click',function(){
			$('.list1wc').show();
			event.stopPropagation();
		})
		$('.list1wc>li').on('click',function(){
			if ($(this).children('.list2wc').is(":hidden")) {
				$(this).children('.list2wc').show()
			}else{
				$(this).children('.list2wc').hide()
			}
			event.stopPropagation();
		})
		$('.list2wc>li').on('click',function(){
			if ($(this).children('.list3wc').is(":hidden")) {
				$(this).children('.list3wc').show()
			}else{
				$(this).children('.list3wc').hide()
			}
			event.stopPropagation();
		})
		$('.list3wc>li').on('click',function(){
			$('#shenherenwc').html($(this).html())
			$('.list1wc').hide();
			event.stopPropagation();
		})
		function jiFen1(){
			//计算积分
			if ($('#leixing1').val() != 10 && $('#leixing1').val() != '') {
				console.log(cha);
				$('#jifen1').val($('#leixing1').val() * cha);
			}else{
				if (cha > 24) {
					$('#jifen1').val($('#leixin1').val() / 24 * cha2);
				}else{
					$('#jifen1').val('10');
				}
			}
			
		}
		function jiFen2(){
			//计算积分
			if ($('#leixing2').val() != 10 && $('#leixing2').val() != '') {
				$('#jifen2').val($('#leixing2').val() * cha2)
			}else{
				if (cha2 > 24) {
					$('#jifen2').val($('#leixing2').val() / 24 * cha2)
				}else{
					$('#jifen2').val('10')
				}
				
			}
			
		}
		$('#leixing1').on('change',function(){
			jiFen1()
		})
		$('#leixing2').on('change',function(){
			jiFen2()
		})
	</script>
</html>